.package-card {
  background: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;

  &:active {
    transform: scale(0.98);
  }

  &.selected {
    border-color: #52c41a;
    box-shadow: 0 4px 12px rgba(82, 196, 26, 0.2);
  }

  .package-image {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;

    .image {
      width: 100%;
      height: 100%;
      display: block;
    }

    .selected-badge {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #52c41a;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: 600;
      box-shadow: 0 2px 8px rgba(82, 196, 26, 0.3);
    }
  }

  .package-content {
    padding: 16px;

    .package-name {
      display: block;
      font-size: 22px;
      font-weight: 600;
      color: #333;
      margin-bottom: 8px;
    }

    .package-description {
      display: block;
      font-size: 16px;
      color: #999;
      line-height: 1.5;
      margin-bottom: 16px;
    }

    .package-price {
      display: block;
      font-size: 22px;
      font-weight: 600;
      color: #ff4d4f;
      margin-bottom: 8px;
    }

    .package-extra {
      margin-top: 8px;
    }
  }
}

